<template>
  <div id="earlyStageAchievementOpinion">
    <el-tabs v-model="flag" @tab-click="handleClick">
      <el-tab-pane label="区县综合验收基本信息" name="1"></el-tab-pane>
      <el-tab-pane label="复垦点权利人信息" name="2"></el-tab-pane>
      <el-tab-pane label="审查流程" name="3"></el-tab-pane>
    </el-tabs>
    <div class="MainBox" v-show="flag=='1'">
      <div class="boxItem">
        <div class="boxItem_title">
          <span class="tit">项目基本信息</span>
        </div>
        <div class="boxItem_content" style="padding-top:25px;">
          <el-row :gutter="20">
            <el-col :span="8">
              <div class="boxItem_content_row">
                <p>项目编号：</p>
                <div class="money">{{basicInfo.number}}</div>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="boxItem_content_row">
                <p>项目名称：</p>
                <div class="money">{{basicInfo.name}}</div>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="boxItem_content_row">
                <p>所属区县：</p>
                <div class="money">{{basicInfo.districtName}}</div>
              </div>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="8">
              <div class="boxItem_content_row">
                <p>项目级别:</p>
                <div class="money">
                  <span v-if="basicInfo.level=='DISTRICT'">区县级</span>
                  <span v-if="basicInfo.level=='CITY'">市级</span>
                </div>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="boxItem_content_row">
                <p>主要乡镇：</p>
                <div class="money">{{basicInfo.townName}}</div>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="boxItem_content_row">
                <p>行政村：</p>
                <div class="money">{{basicInfo.townName}}</div>
              </div>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="8">
              <div class="boxItem_content_row">
                <p>项目年度：</p>
                <div class="money">{{basicInfo.distributeDate}}</div>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="boxItem_content_row">
                <p>红线面积：</p>
                <div class="money">{{basicInfo.hxmj}}公顷</div>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="boxItem_content_row">
                <p>减少建设用地面积：</p>
                <div class="money">{{basicInfo.yjjsj}}公顷</div>
              </div>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="8">
              <div class="boxItem_content_row">
                <p>实施规模：</p>
                <div class="money">{{basicInfo.yjjsj}}公顷</div>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="boxItem_content_row">
                <p>新增农用地面积：</p>
                <div class="money">{{basicInfo.yjzjn}}公顷</div>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="boxItem_content_row">
                <p>新增耕地面积：</p>
                <div class="money">{{basicInfo.yjzjg}}公顷</div>
              </div>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="8">
              <div class="boxItem_content_row">
                <p>新增其他农用地面积：</p>
                <div class="money">{{basicInfo.yjzjq}}公顷</div>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="boxItem_content_row">
                <p>是否属于收益权质押项目：</p>
                <div
                  class="money"
                >{{basicInfo.isBelongProfitPledgeProject=='YES'?'是':basicInfo.isBelongProfitPledgeProject=='NO'?'否':''}}</div>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="boxItem_content_row">
                <p>是否动用户改周转金：</p>
                <div
                  class="money"
                >{{basicInfo.isChangeUserWorkingCapital=='YES'?'是':basicInfo.isChangeUserWorkingCapital=='NO'?'否':''}}</div>
              </div>
            </el-col>
          </el-row>
        </div>
      </div>

      <div class="boxItem boxItem1">
        <div class="boxItem_title">
          <span class="tit">建设信息</span>
        </div>
        <div class="boxItem_content" style="padding-top:25px;">
          <el-row :gutter="20">
            <el-col :span="8">
              <div class="boxItem_content_row">
                <p>建设规模：</p>
                <div class="money">--公顷</div>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="boxItem_content_row">
                <p>新增耕地面积：</p>
                <div class="money">{{basicInfo.yjzjg}}公顷</div>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="boxItem_content_row">
                <p>新增耕地比例：</p>
                <div class="money">--%</div>
              </div>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="8">
              <div class="boxItem_content_row">
                <p>新增耕地亩均投资：:</p>
                <div class="money">--万元/亩</div>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="boxItem_content_row">
                <p>建设规模均投资：</p>
                <div class="money">--万元/亩</div>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="boxItem_content_row"></div>
            </el-col>
          </el-row>
        </div>
      </div>

      <div class="boxItem boxItem2">
        <div class="boxItem_title">
          <span class="tit">验收投资信息</span>
        </div>
        <div class="boxItem_content" style="padding-top:35px;">
          <el-row :gutter="20">
            <el-col :span="2">
              <p class="freeTitle">工程施工费</p>
              <!-- <div class="money">{{basicInfo.constructingCost}}万元</div> -->
            </el-col>
            <el-col :span="22">
              <el-row :gutter="20">
                <el-col :span="8">
                  <div class="boxItem_content_row">
                    <p class="pTitle">拆除工程费：</p>
                    <p class="pContent">{{basicInfo.ccgcf}}万元</p>
                  </div>
                </el-col>
                <el-col :span="8">
                  <div class="boxItem_content_row">
                    <p class="pTitle">土地平整工程费：</p>
                    <p class="pContent">{{basicInfo.tdpzgcf}}万元</p>
                  </div>
                </el-col>
                <el-col :span="8">
                  <div class="boxItem_content_row">
                    <p class="pTitle">农田水利工程费：</p>
                    <p class="pContent">{{basicInfo.ntslgcf}}万元</p>
                  </div>
                </el-col>
              </el-row>
              <el-row :gutter="20" class="el_row">
                <el-col :span="8">
                  <div class="boxItem_content_row">
                    <p class="pTitle">田间道路工程费：</p>
                    <p class="pContent">{{basicInfo.tjdlgcf}}万元</p>
                  </div>
                </el-col>
                <el-col :span="8">
                  <div class="boxItem_content_row">
                    <p class="pTitle">其它施工费：</p>
                    <p class="pContent">{{basicInfo.qtsgf}}万元</p>
                  </div>
                </el-col>
              </el-row>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="2">
              <p class="freeTitle">其他费用</p>
              <!-- <div class="money">{{basicInfo.qtfy}}万元</div> -->
            </el-col>
            <el-col :span="22">
              <el-row :gutter="20">
                <el-col :span="8">
                  <div class="boxItem_content_row">
                    <p class="pTitle">前期工作费：</p>
                    <p class="pContent">{{basicInfo.qqgzf}}万元</p>
                  </div>
                </el-col>
                <el-col :span="8">
                  <div class="boxItem_content_row">
                    <p class="pTitle">工程监理费：</p>
                    <p class="pContent">{{basicInfo.gcjlf}}万元</p>
                  </div>
                </el-col>
                <el-col :span="8">
                  <div class="boxItem_content_row">
                    <p class="pTitle">设备购置费：</p>
                    <p class="pContent">{{basicInfo.sbgzf}}万元</p>
                  </div>
                </el-col>
              </el-row>
              <el-row :gutter="20" class="el_row">
                <el-col :span="8">
                  <div class="boxItem_content_row">
                    <p class="pTitle">竣工验收费：</p>
                    <p class="pContent">{{basicInfo.jgysf}}万元</p>
                  </div>
                </el-col>
                <el-col :span="8">
                  <div class="boxItem_content_row">
                    <p class="pTitle">业主管理费：</p>
                    <p class="pContent">{{basicInfo.yzglf}}万元</p>
                  </div>
                </el-col>
                <el-col :span="8">
                  <div class="boxItem_content_row">
                    <p class="pTitle">安全配套费：</p>
                    <p class="pContent">{{basicInfo.aqptf}}万元</p>
                  </div>
                </el-col>
              </el-row>
            </el-col>
          </el-row>

          <el-row :gutter="20" class="boxItem_content_row marginBottom">
            <el-col :span="2">
              <p class="freeTitle">不可预见费用</p>
            </el-col>
            <el-col :span="22">
              <p class="freeTitle">{{basicInfo.bkyjfy}}万元</p>
            </el-col>
          </el-row>
          <el-row :gutter="20" class="boxItem_content_row marginBottom">
            <el-col :span="2">
              <p class="totalMoney">总投资</p>
            </el-col>
            <el-col :span="22">
              <p class="totalMoney">{{basicInfo.totalInvestment}}万元</p>
            </el-col>
          </el-row>
        </div>
      </div>

      <div class="boxItem">
        <div class="boxItem_title">
          <span class="tit">审计信息</span>
        </div>
        <div class="boxItem_content" style="padding-top:25px;">
          <el-row :gutter="20" class="el_row">
            <el-col :span="8">
              <div class="boxItem_content_row">
                <p class="pTitle">工程造价审计单位：</p>
                <p class="pContent">{{basicInfo.projectCostEnterprise}}</p>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="boxItem_content_row">
                <p class="pTitle">财务审计单位：</p>
                <p class="pContent">{{basicInfo.financeEnterprise}}</p>
              </div>
            </el-col>
          </el-row>
        </div>
      </div>

      <div class="boxItem">
        <div class="boxItem_title">
          <span class="tit">验收信息</span>
        </div>
        <div class="boxItem_content" style="padding-top:25px;">
          <el-row :gutter="20" class="el_row">
            <el-col :span="8">
              <div class="boxItem_content_row">
                <p class="pTitle">施工自验开始时间：</p>
                <p class="pContent">{{basicInfo.constructingStartDate}}</p>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="boxItem_content_row">
                <p class="pTitle">施工自验完成时间：</p>
                <p class="pContent">{{basicInfo.constructingEndDate}}</p>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="boxItem_content_row">
                <p class="pTitle">监理验收开始时间：</p>
                <p class="pContent">{{basicInfo.supervisingStartDate}}</p>
              </div>
            </el-col>
          </el-row>
          <el-row :gutter="20" class="el_row">
            <el-col :span="8">
              <div class="boxItem_content_row">
                <p class="pTitle">监理验收完成时间：</p>
                <p class="pContent">{{basicInfo.supervisingEndDate}}</p>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="boxItem_content_row">
                <p class="pTitle">区县综合验收开始时间：</p>
                <p class="pContent">{{basicInfo.completingStartDate}}</p>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="boxItem_content_row">
                <p class="pTitle">区县综合验收完成时间：</p>
                <p class="pContent">{{basicInfo.completingEndDate}}</p>
              </div>
            </el-col>
          </el-row>
          <el-row :gutter="20" class="el_row">
            <el-col :span="8">
              <div class="boxItem_content_row">
                <p class="pTitle">验收专家：</p>
                <div class="money">
                  <el-input v-model="yanshouZhuanjia"></el-input>
                </div>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="boxItem_content_row">
                <p class="pTitle">验收结论：</p>
                <p class="pContent">{{basicInfo.ysjl?(basicInfo.ysjl=='YES'?'通过':(basicInfo.ysjl=='NO'?'未通过':'')):''}}</p>
              </div>
            </el-col>
          </el-row>
        </div>
      </div>

      <div class="boxItem">
        <div class="boxItem_title">
          <span class="tit">综合验收附件</span>
        </div>
        <div class="boxItem_content" style="padding-top:35px;">
          <div class="boxItem_content_row" v-for="(item,index) in basicInfo.attachmentList" :key="index">
            <div class="boxItem_content_row_item">
              <p>{{item.fileName}}</p>
              <div class>
                <el-button @click="btnCheck(item)">查看</el-button>
              </div>
            </div>
          </div>
          
        </div>
      </div>
      <div class="boxItem">
        <div class="boxItem_title">
          <span class="tit">区县局意见</span>
        </div>
        <div class="boxItem_content" style="padding-top:35px;">
          <div class="options">
            <p>区县整治机构意见</p>
            <div class="boxItem_content_row_item_noFlex_textarea">
              <el-input
                type="textarea"
                :rows="3"
                v-model="qxzhengzhiOpinion"
                resize="none"
                :readonly="isReadonly"
                placeholder="请输入内容"
              ></el-input>
            </div>
            <el-row class="options_row">
              <el-col :span="8">
                <div class="options_row_title">
                  <p>签字:</p>
                  <div class="options_row_img">
                    <img :src="$https+qxzhengzhi" alt />
                    <!-- <el-input :disabled="true" v-model="qxzhengzhi" suffix placeholder="请输入内容"></el-input> -->
                  </div>
                </div>
              </el-col>
              <el-col :span="8">
                <div class="options_row_title">
                  <p>日期：</p>
                  <el-date-picker
                    v-model="qxzhengzhiDate"
                    type="date"
                    :readonly="isReadonly"
                    value-format="yyyy-MM-dd"
                    placeholder="选择日期时间"
                  ></el-date-picker>
                </div>
              </el-col>
              <el-col :span="8" v-if="!isReadonly">
                <div class="options_row_title">
                  <p>审查状态：</p>
                  <el-select v-model="qxzhengzhiStatus" :disabled="isReadonly" placeholder="请选择">
                    <el-option label="同意" value="APPROVED"></el-option>
                    <el-option label="拒绝" value="REJECTED"></el-option>
                  </el-select>
                </div>
              </el-col>
            </el-row>
          </div>

          <div class="btn" v-if="isQxzzBtn">
            <el-button type="primary" :loading="isLoading" @click="btnShenHeren">提交</el-button>
            <el-button>取消</el-button>
          </div>
        </div>
      </div>
    </div>
    <div v-show="flag=='2'">
      <div class="border">
        <el-input
          v-model="searchValue"
          placeholder="请输入权利人姓名"
          @keyup.enter.native="btnSearch"
          class="border_input"
        ></el-input>
        <el-button type="primary" @click="btnSearch">查询</el-button>
      </div>
      <div class="boxItem boxItem1">
        <div class="boxItem_title">
          <span class="tit">入库与竣工复垦点权利人信息对比</span>
        </div>
        <div class="boxItem_content" style="padding-top:35px;">
          <el-table :data="compareInfo" border style="width: 100%">
            <el-table-column prop="srQLr" label="入库权利人"></el-table-column>
            <el-table-column prop="srIdCard" label="入库身份证号"></el-table-column>
            <el-table-column prop="lcQlr" label="竣工权利人"></el-table-column>
            <el-table-column prop="lcIdCard" label="竣工身份证号" width="180"></el-table-column>
            <el-table-column prop label="变化情况">
              <template slot-scope="scope">
                <span>{{scope.row.isChangeCause!=null?(scope.row.isChangeCause=='UN_CHANGE_CAUSE'?'无变化':(scope.row.isChangeCause=='IS_CHANGE_CAUSE'?'有变化':'')):''}}</span>
              </template>
            </el-table-column>
            <el-table-column prop="rllcrChangeCause" label="变更原因"></el-table-column>
          </el-table>
        </div>
      </div>
      <div class="boxItem boxItem1">
        <div class="boxItem_title">
          <span class="tit">竣工验收复垦点权利人信息</span>
        </div>
        <div class="boxItem_content" style="padding-top:35px;">
          <!-- <el-table :data="jungongList" :header-cell-style="{background:'#f9f9f9',color:'#606266',fontSize:'12px'}" border style="width: 100%"> -->
          <el-table
            :data="jungongList"
            :header-cell-style="{background:'#f9f9f9',color:'#606266',fontSize:'12px'}"
            border
            style="width: 100%"
          >
            <el-table-column label="查看地图" width="110" fixed="left" align="center">
              <template slot-scope="scope">
                <el-button size="mini" @click="changeLnglat(scope.row)">地图定位</el-button>
              </template>
            </el-table-column>
            <el-table-column prop="rllcrChangeCause" label="变更原因" min-width="150" align="center"></el-table-column>
            <el-table-column prop="landName" label="片块号" width="180" align="center"></el-table-column>
            <el-table-column prop="townName" label="所在乡镇" width="120" align="center"></el-table-column>
            <el-table-column prop="villageName" label="村/居委会" width="100" align="center"></el-table-column>
            <el-table-column prop="gdzldj" label="耕地质量等级" width="120" align="center"></el-table-column>
            <el-table-column prop="tfh" label="图幅号" width="120" align="center"></el-table-column>
            <el-table-column prop="tbh" label="图斑号" width="100" align="center"></el-table-column>
            <el-table-column prop="jsydfkmj" label="建设用地复垦面积" width="120" align="center"></el-table-column>
            <el-table-column prop="jsjsydmj" label="减少建设用地面积(㎡)" width="140" align="center"></el-table-column>
            <el-table-column prop="yjxznydmj" label="预计新增农用地面积合计(㎡)" width="180" align="center"></el-table-column>
            <el-table-column prop="xzgdmj" label="新增耕地面积(㎡)" width="120" align="center"></el-table-column>
            <el-table-column prop="xzldmj" label="增加林地面积(㎡)" width="120" align="center"></el-table-column>
            <el-table-column prop="zjydmj" label="增加园地面积(㎡)" width="120" align="center"></el-table-column>
            <el-table-column prop="xzqtnydmj" label="新增其他农用地面积(㎡)" width="150" align="center"></el-table-column>
            <el-table-column prop="qlr" label="权利人" width="100" align="center"></el-table-column>
            <el-table-column prop="idCard" label="身份证号" width="180" align="center"></el-table-column>
            <el-table-column prop="nfkzjdcq" label="拟复垦宅基地产权证号" width="150" align="center"></el-table-column>
            <el-table-column prop="nczjd" label="农村宅基地" width="100" align="center"></el-table-column>
            <el-table-column prop="zjdfs" label="农村宅基地附属" width="120" align="center"></el-table-column>
            <el-table-column prop="cyydfs" label="采用地附属" width="110" align="center"></el-table-column>
            <el-table-column prop="yjfy" label="预付费用（元）" width="110" align="center"></el-table-column>
          </el-table>
          <div style="margin:20px;text-align:center">
            <el-pagination
              @size-change="showSize1"
              @current-change="showPage1"
              :current-page="needInfo1.page"
              :page-sizes="[5, 10, 20, 30]"
              :page-size="needInfo1.size"
              layout="total, sizes, prev, pager, next, jumper"
              :total="totalPage1"
            ></el-pagination>
          </div>
        </div>
      </div>
      <div class="boxItem boxItem1">
        <div class="boxItem_title">
          <span class="tit">入库备案复垦点权利人信息</span>
        </div>
        <div class="boxItem_content" style="padding-top:35px;">
          <el-table
            :data="entryPeopleList"
            :header-cell-style="{background:'#f9f9f9',color:'#606266',fontSize:'12px'}"
            border
            style="width: 100%"
          >
            <el-table-column
              type="index"
              show-overflow-tooltip
              label="复垦点序号"
              width="120"
              align="center"
            ></el-table-column>
            <el-table-column prop="landName" label="片块号" width="180" align="center"></el-table-column>
            <el-table-column prop="townName" label="所在乡镇" width="120" align="center"></el-table-column>
            <el-table-column prop="villageName" label="村/居委会" width="100" align="center"></el-table-column>
            <el-table-column prop="gdzldj" label="耕地质量等级" width="120" align="center"></el-table-column>
            <el-table-column prop="tfh" label="图幅号" width="120" align="center"></el-table-column>
            <el-table-column prop="tbh" label="图斑号" width="100" align="center"></el-table-column>
            <el-table-column prop="jsydfkmj" label="建设用地复垦面积(㎡)" width="140" align="center"></el-table-column>
            <el-table-column prop="jsjsydmj" label="预计减少建设用地面积(㎡)" width="170" align="center"></el-table-column>
            <el-table-column prop="yjxznydmj" label="预计增加农用地面积合计(㎡)" width="180" align="center"></el-table-column>
            <el-table-column prop="xzgdmj" label="预计增加耕地面积(㎡)" width="160" align="center"></el-table-column>
            <el-table-column prop="xzldmj" label="预计增加林地面积(㎡)" width="160" align="center"></el-table-column>
            <el-table-column prop="zjydmj" label="预计增加园地面积(㎡)" width="160" align="center"></el-table-column>
            <el-table-column prop="xzqtnydmj" label="预计增加其他农用地面积(㎡)" width="180" align="center"></el-table-column>
            <el-table-column prop="qlr" label="权利人" width="100" align="center"></el-table-column>
            <el-table-column prop="idCard" label="身份证号" width="180" align="center"></el-table-column>
            <el-table-column prop="nfkzjdcq" label="拟复垦宅基地产权证号" width="150" align="center"></el-table-column>
            <el-table-column prop="nczjd" label="农村宅基地面积(㎡)" width="140" align="center"></el-table-column>
            <el-table-column prop="zjdfs" label="农村宅基地附属用地面积(㎡)" width="180" align="center"></el-table-column>
          </el-table>
          <div style="margin:20px;text-align:center">
            <el-pagination
              @size-change="showSize"
              @current-change="showPage"
              :current-page="needInfo.page"
              :page-sizes="[5, 10, 20, 30]"
              :page-size="needInfo.size"
              layout="total, sizes, prev, pager, next, jumper"
              :total="totalPage"
            ></el-pagination>
          </div>
        </div>
      </div>
    </div>
    <div class="MainBox1" v-show="flag=='3'">
      <optionList  />
    </div>
    <!-- 查看综合验收附件 -->
    <el-dialog :title="title" :visible.sync="checkDialog" width="60%">
      <iframe
        frameborder="0"
        name="showHere"
        width="100%"
        height="600"
        scrolling="auto"
        :src="$https+titleUrl"
      ></iframe>
    </el-dialog>
    
    <!-- 地理定位 -->
    <el-dialog :title="titleLandName" :visible.sync="positionDialog">
      <!-- <tdMap class="mapBox_right" ref="tdMap" :pkList="list" :isShowControls="false" /> -->
      <tdMap
        style="height: 600px"
        :isShowControls="false"
        class="mapBox_right"
        ref="tdMap"
        :pkList="list"
      />
    </el-dialog>
  </div>
</template>

<script>
import {
  queryLandStoringRecordInfo,
  queryLandCompletingResult,
  queryBasicInfo,
  saveDistrictOpinion,
  queryOpinion,
  queryYanshouInfoTimes,
   queryOpinitonTable,
  queryLandLaterMappingInfo,
  laterMappingConstantStoringRecord
} from "@/api/quxianzongheYanshou";
import { getTime } from "@/api/getTime";
import { findById } from "@/api/common";
import optionList from "@/components/optionList";
import tdMap from "@/components/tdMap";
export default {
  components: {
    optionList,
    tdMap
  },
  data() {
    return {
      value: "",
      nowUser: localStorage.getItem("userId"),
      isYanshouResult: "",
      activeName: "1",
      needInfo: {
        page: 1,
        size: 5
      },
      entryPeopleList: [], //入库备案复垦点权利人信息
      totalPage: 0,
      jungongList: [], //竣工验收复垦点权利人信息
      needInfo1: {
        page: 1,
        size: 5
      },
      totalPage1: 0,
      searchValue: "", //查询值
      basicInfo: "", //项目基本信息

      yanshouTimeInfo: "", //验收时间信息
      titleUrl: "", //查看
      title: "",
      checkDialog: false,

      qxzhengzhiOpinion: "", //区县政治意见
      qxzhengzhi: "", //区县政治
      qxzhengzhiDate: "", //日期
      qxzhengzhiStatus: "", //区县政治状态

      isLoading: false,

      isReadonly: false,
      isQxzzBtn: false,
      userIcon: "", //用户签名照
      flag: "1",

      compareInfo: [], //对比信息
      positionDialog: false, //地理定位弹框
      titleLandName: "",
      list: [],
      yanshouZhuanjia:'',//验收专家
    };
  },
  created() {
    this.getEntryPeople();
    this.getJungong();
    this.getBasicInfo();
    this.getDuibi();
    this.qxzhengzhiDate = getTime();

    this.userInfo();
    if (
      localStorage.getItem("router") ==
      "COMPLETING_RESULT_FIRST_AUDIT_FIRST_OPINION"
    ) {
      this.isReadonly = false;
      if (localStorage.getItem("menusName") == "QXZZJG") {
        this.isReadonly = false;
        this.isQxzzBtn = true;
      } else {
        this.isReadonly = true;
        this.isQxzzBtn = false;
      }
    } else {
      this.isReadonly = true;
      this.isQxzzBtn = false;
    }
  },
  methods: {
    changeLnglat(row) {//地理定位
      this.list = [];
      this.positionDialog = true;
      this.titleLandName = row.landName;

      this.$nextTick(()=>{
        this.list.push(row);
      })
      
    },
    getDuibi() {
      //入库与竣工复垦点权利人信息对比信息
      let obj = {
        projectId: localStorage.getItem("projectId"),
        page: this.needInfo1.page,
        size: this.needInfo1.size,
        qlr: this.searchValue
      };
      laterMappingConstantStoringRecord(obj).then(res => {
        this.compareInfo = res.data;
      });
    },
    //获取用户信息
    userInfo() {
      var data = {
        id: localStorage.getItem("userId")
      };
      findById(data).then(res => {
        console.log(res, "用户信息");
        this.userIcon = res.data.signedPhoto;
        this.getOpinion();
      });
    },
    getOpinion() {
      let obj = {
        projectId: localStorage.getItem("projectId")
      };
      queryOpinion(obj).then(res => {
        if (res.data != null) {
          this.qxzhengzhiOpinion =
            res.data.districtRenovationOrganizationOpinion;
          this.qxzhengzhi =
            res.data.checker != null
              ? res.data.checker.signedPhoto
              : this.userIcon;
          this.qxzhengzhiDate =
            res.data.districtRenovationOrganizationCheckDate != null
              ? res.data.districtRenovationOrganizationCheckDate
              : getTime();
          this.qxzhengzhiStatus =
            res.data.districtRenovationOrganizationAuditResult;
        }
      });
    },
    btnShenHeren() {
      let obj = {
        projectId: localStorage.getItem("projectId"),
        checkOpinion: this.qxzhengzhiOpinion,
        checkCensorId: localStorage.getItem("userId"),
        checkDate: this.qxzhengzhiDate,
        auditResult: this.qxzhengzhiStatus,
        specialist:this.yanshouZhuanjia
      };
      this.isLoading = true;
      saveDistrictOpinion(obj)
        .then(res => {
          if (res.code == 1000) {
            this.isLoading = false;
            this.$message({
              message: "提交成功",
              type: "success"
            });
            this.getOpinion();
            this.getBasicInfo()
          }
        })
        .catch(error => {
          this.isLoading = false;
        });
    },
   
    btnCheck(item) {
      //查看文件
      this.checkDialog = true;
      this.titleUrl = item.filePath;
      this.title = item.fileName;
    },
    getBasicInfo() {
      let obj = {
        projectId: localStorage.getItem("projectId")
      };
      queryBasicInfo(obj).then(res => {
        this.basicInfo = res.data;
        this.yanshouZhuanjia=res.data.yszj
      });
    },
    btnSearch() {
      //条件查询
      this.getDuibi();
      let obj = {
        projectId: localStorage.getItem("projectId"),
        page: this.needInfo1.page,
        size: this.needInfo1.size,
        qlr: this.searchValue
      };
      queryLandLaterMappingInfo(obj).then(res => {
        this.jungongList = res.data.rows;
        this.totalPage1 = res.data.total;
      });
      let obj1 = {
        projectId: localStorage.getItem("projectId"),
        page: this.needInfo.page,
        size: this.needInfo.size,
        qlr: this.searchValue
      };
      queryLandStoringRecordInfo(obj1).then(res => {
        console.log(res, "res");
        this.entryPeopleList = res.data.rows;
        this.totalPage = res.data.total;
      });
    },
    getJungong() {
      //竣工验收复垦点权利人信息
      let obj = {
        projectId: localStorage.getItem("projectId"),
        page: this.needInfo1.page,
        size: this.needInfo1.size
      };
      queryLandLaterMappingInfo(obj).then(res => {
        console.log(res, "jungong");

        this.jungongList = res.data.rows;
        this.totalPage1 = res.data.total;
      });
    },
    getEntryPeople() {
      //查询入库备案复垦点权利人信息
      let obj = {
        projectId: localStorage.getItem("projectId"),
        page: this.needInfo.page,
        size: this.needInfo.size
      };
      queryLandStoringRecordInfo(obj).then(res => {
        console.log(res, "res");
        this.entryPeopleList = res.data.rows;
        this.totalPage = res.data.total;
      });
    },
    showSize(val) {
      console.log(`每页 ${val} 条`);
      this.needInfo.size = val;
      this.getEntryPeople();
    },
    showPage(val) {
      console.log(`当前页: ${val}`);
      this.needInfo.page = val;
      this.getEntryPeople();
    },
    showSize1(val) {
      console.log(`每页 ${val} 条`);
      this.needInfo1.size = val;
      this.getJungong();
    },
    showPage1(val) {
      console.log(`当前页: ${val}`);
      this.needInfo1.page = val;
      this.getJungong();
    },
    //切换选项卡
    handleClick(tab, event) {
      console.log(tab, event);
    }
  }
};
</script>

<style scoped>
.btnBack {
  text-align: center;
  padding: 20px;
}
.border {
  padding: 30px;
}
.border_input {
  width: 180px;
  margin-right: 20px;
}
.box {
  padding: 30px;
}
.MainBox {
  margin-top: 20px;
}
.boxItem_btn {
  margin-bottom: 20px;
}
.btn {
  padding: 30px 20px 10px 20px;
}
.money {
  font-size: 13px;
  color: #606266;
}
.projectMoney {
  padding-left: 150px;
}
#earlyStageAchievementOpinion {
  padding: 30px;
  box-sizing: border-box;
}
#earlyStageAchievementOpinion .boxItem {
  width: 100%;
  background-color: #fff;
}
#earlyStageAchievementOpinion .boxItem_title {
  width: 100%;
  background: #f8f8f8;
  height: 50px;
  border: 1px solid #efefef;
  overflow: hidden;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  text-indent: 20px;
  line-height: 50px;
}
#earlyStageAchievementOpinion .boxItem_content {
  width: 100%;
  border: 1px solid #ebebeb;
  border-top: none;
  padding: 30px;
  padding-top: 0;
  box-sizing: border-box;
}
#earlyStageAchievementOpinion .boxItem_content_row {
  display: flex;
  align-items: center;
}
#earlyStageAchievementOpinion .boxItem_content_row_item {
  display: flex;
  align-items: center;
  width: 300px;
}
#earlyStageAchievementOpinion .boxItem_content_row_item:nth-child(2n-1) {
  margin-right: 300px;
}
#earlyStageAchievementOpinion .boxItem_content_row_item p {
  font-size: 14px;
  line-height: 36px;
  width: 180px;
}
/* #earlyStageAchievementOpinion .boxItem1 .boxItem_content_row_item p {
  width: 180px;
} */
#earlyStageAchievementOpinion .boxItem_content_row_item_noFlex {
  display: flex;
  width: 100%;
}
#earlyStageAchievementOpinion .boxItem_content_row_item_noFlex p {
  font-size: 14px;
  line-height: 36px;
  width: 140px;
}
#earlyStageAchievementOpinion .boxItem_content_row_item p:first-child {
  color: #444;
  font-weight: bold;
}
#earlyStageAchievementOpinion .boxItem_content_row_item p:last-child {
  color: #666;
}
#earlyStageAchievementOpinion .uploadDownLoadBox_item {
  margin: 20px 0;
}
#earlyStageAchievementOpinion .uploadDownLoadBox_item p {
  width: 140px;
}
#earlyStageAchievementOpinion .button_box {
  margin-top: 54px;
}

#earlyStageAchievementOpinion .boxItem_content_row_item_input {
  position: relative;
}
#earlyStageAchievementOpinion .boxItem_content_row_item_input .el-input__inner {
  padding-right: 50px;
}
#earlyStageAchievementOpinion .boxItem_content_row_item_input span {
  position: absolute;
  right: 10px;
  top: 3px;
  height: 36px;
  line-height: 36px;
  z-index: 1;
  color: #999;
}
.options {
  font-size: 13px;
  font-weight: bold;
  color: #444;
}
.options_row {
  margin-top: 15px;
  display: flex;
  align-items: center;
}
.options_row_title {
  display: flex;
  align-items: center;
}
.options_row_img img {
  width: 105px;
  height: 59px;
  margin-left: 20px;
}
.options_select {
  margin: 10px 0px;
}
#earlyStageChengGuoFuShenYj .tableBoxData_title {
  width: 100%;
  display: block;
  overflow: hidden;
  font-size: 20px;
  font-weight: bold;
  color: #444;
  text-align: center;
  margin-bottom: 10px;
}
.tableBoxData_button_box {
  width: 100%;
  display: flex;
  justify-content: center;
}
.tableBoxData_button_box_item {
  margin: 0px 20px;
  margin-bottom: 20px;
  margin-top: 10px;
}
#earlyStageChengGuoFuShenYj .table-doc-view {
  border-collapse: collapse;
}
#earlyStageChengGuoFuShenYj .table-doc-view tr,
.table-doc-view td {
  border: 1px solid #ccc;
  padding: 10px 10px;
}
#earlyStageChengGuoFuShenYj .table-doc-view tr,
.table-doc-view td {
  border: 1px solid #ccc;
  padding: 10px 10px;
}
#earlyStageChengGuoFuShenYj .table-doc-view td {
  font-size: 14px;
  color: #444;
  min-height: 30px;
}
#earlyStageChengGuoFuShenYj .table-doc-view .taoc-title {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
#earlyStageChengGuoFuShenYj .table-doc-view .taoc-center {
  text-align: center;
}
.boxItem_content_row_item_noFlex_textarea {
  width: 90%;
}
.boxItem_content_row_item p:first-child {
  text-align: right;
  margin-right: 10px;
}
.boxItem_content_row p {
  font-size: 14px;
  color: #606266;
  font-weight: bold;
}

.boxItem_content_row .freeTitle {
  font-size: 15px;
  font-weight: bold;
  color: #666;
}
.boxItem_content_row .totalMoney {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
</style>